<!--<!DOCTYPE html>-->
<!--<html  xmlns:th="http://www.thymeleaf.org">-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>系统管理首页</title>-->
<!--    <link rel="stylesheet" href="css/main.css">-->
<!--    <link rel="stylesheet" href="css/bootstrap.css">-->
<!--</head>-->
<!--<body>-->
<!--<div class="container">-->
<!--    <div class="row bg-black text-light" style="min-height: 60px">-->
<!--        <div class="col-3"><img src="img/market.jpg" width="100%" alt=""></div>-->
<!--        <div class="col-7 text-center"><p>欢迎使用超市管理系统</p></div>-->
<!--        <div class="col-2">-->
<!--            <span>当前用户</span>-->
<!--            <span th:text="${username}"></span>-->
<!--            <span><a href="/logout">退出</a></span>-->
<!--        </div>-->
<!--    </div>-->


<!--    <div class="row" style="min-height: 400px;">-->
<!--&lt;!&ndash;        菜单区&ndash;&gt;-->
<!--        <div class="col-3 bg-dark text-light">-->
<!--            <li><a href="/main">管理系统首页</a></li>-->
<!--            <li><a href="/devices">商品管理</a></li>-->
<!--            <li><a href="/supplier">供应商管理</a></li>-->
<!--        </div>-->
<!--&lt;!&ndash;        内容区&ndash;&gt;-->
<!--        <div class="col-9">-->
<!--            <p>目前现有商品列表</p >-->
<!--            &lt;!&ndash;            <p th:text="${data}"></p >&ndash;&gt;-->
<!--            <table class="table table-bordered">-->
<!--                <thead>-->
<!--                <th>序号</th>-->
<!--                <th>商品名</th>-->
<!--                <th>价格</th>-->
<!--                <th>数量</th>-->
<!--                <th>供应商</th>-->
<!--                <th>管理</th>-->
<!--                </thead>-->
<!--                <tbody>-->
<!--                <tr th:each="devices:${data}">-->
<!--                    <td th:text="${devices.name}"></td>-->
<!--                    <td th:text="${devices.price}"></td>-->
<!--                    <td th:text="${devices.quantity}"></td>-->
<!--                    <td th:text="${devices.supplier}"></td>-->
<!--                    <td>-->
<!--                        <button class="btn btn-danger">删除</button>-->
<!--                        <button class="btn btn-success">更新</button>-->
<!--                    </td>-->
<!--                </tr>-->
<!--                </tbody>-->
<!--            </table>-->
<!--        </div>-->
<!--    </div>-->
<!--&lt;!&ndash;    版权区&ndash;&gt;-->
<!--    <div class="row text-center ">-->
<!--        @21106225刘芸-->
<!--    </div>-->
<!--</div>-->


<!--&lt;!&ndash;<p>这是系统管理首页，欢迎登录</p >&ndash;&gt;-->
<!--&lt;!&ndash;<tr th:each="user:${data}">&ndash;&gt;-->
<!--&lt;!&ndash;    <td th:text="${user.name}"></td>&ndash;&gt;-->
<!--&lt;!&ndash;    <td th:text="${user.password}"></td>&ndash;&gt;-->
<!--&lt;!&ndash;</tr>&ndash;&gt;-->
<!--</body>-->
<!--</html>-->
<!--<script src="js/jquery.js"></script>-->
<!--<script src="js/bootstrap.js"></script>-->

<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Star Admin Premium Bootstrap Admin Dashboard Template</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="assets/vendors/iconfonts/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="assets/vendors/iconfonts/ionicons/dist/css/ionicons.css">
    <link rel="stylesheet" href="assets/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.addons.css">
    <link rel="stylesheet" href="assets/css/shared/style.css">
    <link rel="stylesheet" href="assets/css/demo_1/style.css">
    <link rel="shortcut icon" href="assets/images/favicon.ico" />
</head>
<body>
<div class="container-scroller">
    <nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
            <a class="navbar-brand brand-logo" href="index.html">
                <img src="assets/images/logo.png" alt="logo"> </a>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center">
            <ul class="navbar-nav">
                <li class="nav-item font-weight-semibold d-none d-lg-block">帮助 : +123 4567 8910</li>
                <li class="nav-item font-weight-semibold d-none d-lg-block">欢迎来到电力设备管理系统</li>
            </ul>
            <form class="ml-auto search-form d-none d-md-block" action="#">
                <div class="form-group">
                    <input type="search" class="form-control" placeholder="Search Here">
                </div>
            </form>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown">
                    <span><a class="nav-link count-indicator" id="messageDropdown" href="/logout" data-toggle="dropdown" aria-expanded="false">
                        <i class="mdi mdi-bell-outline"></i>退出
                    </a></span>
                </li>
                <li class="nav-item dropdown d-none d-xl-inline-block user-dropdown">
                        <img class="img-xs rounded-circle" src="assets/images/faces/face8.jpg" alt="Profile image">
                        <span th:text="${username}"></span>
                </li>
            </ul>
        </div>
    </nav>
    <div class="container-fluid page-body-wrapper">
        <nav class="sidebar sidebar-offcanvas" id="sidebar">
            <ul class="nav">
                <li class="nav-item nav-profile">
                    <a href="#" class="nav-link">
                        <div class="profile-image">
                            <img class="img-xs rounded-circle" src="assets/images/faces/face8.jpg" alt="profile image">
                            <div class="dot-indicator bg-success"></div>
                        </div>
                        <div class="text-wrapper">
                            <span th:text="${username}"></span>
                            <p class="designation">当前用户</p>
                        </div>
                    </a>
                </li>
                <li class="nav-item nav-category">主菜单</li>
                <li class="nav-item">
                    <a class="nav-link" href="/main">
                        <i class="menu-icon typcn typcn-document-text"></i>
                        <span class="menu-title">首页</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/devices/devicesList">
                        <i class="menu-icon typcn typcn-document-text"></i>
                        <span class="menu-title">设备管理</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/suppliers/suppliersList">
                        <i class="menu-icon typcn typcn-document-text"></i>
                        <span class="menu-title">供应商管理</span>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="main-panel">
            <div class="content-wrapper">
                <h1>欢迎进入电力设备管理系统<br>Welcome To The Power Equipment Management System</h1>
            </div>
            <footer class="footer">
                <div class="container-fluid clearfix">
                    <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © 21106225刘芸</span>
                    <span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center"> Free <a href="https://www.bootstrapdash.com/bootstrap-admin-template/" target="_blank">Bootstrap admin templates</a> from Bootstrapdash.com</span>
                </div>
            </footer>
        </div>
    </div>
</div>
</body>
<script src="assets/vendors/js/vendor.bundle.base.js"></script>
<script src="assets/vendors/js/vendor.bundle.addons.js"></script>
<script src="assets/js/shared/off-canvas.js"></script>
<script src="assets/js/shared/misc.js"></script>
<script src="assets/js/demo_1/dashboard.js"></script>
<script src="assets/js/shared/jquery.cookie.js" type="text/javascript"></script>
</html>